import styled from "styled-components";
import border from '@/assets/styled/border'

const ShowListWrapper =
    styled.div`
    overflow-y:scroll;
    height: 100%;
    .line{
        width: 100%;
        background-color: #F5F5F9;
        height: .1rem;
    }
    .recommend{
        height:calc(100% - 1.34rem) ;
        overflow-y:scroll;
        ul{
            display: flex;
            /* height: 100%; */
            flex-wrap:wrap;
            li{
                width: 50%;
                /* height: 35%; */
                padding: .15rem .15rem ;
                border-bottom: 1px #eee solid;
                &:nth-child(odd){
                    border-right: 1px #eee solid;
                }
                div{
                    height:21vw;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }

                div{
                    margin-top: .2rem;
                    h2{
                        font-weight: normal;
                        font-size: .14rem;
                        width:100%;
                        display:-webkit-box;
                        -webkit-line-clamp:2;
                        -webkit-box-orient:vertical;
                        overflow: hidden;
                    }
                    p{
                        margin-top: .1rem;
                        font-size: .12rem;
                        display: flex;
                        justify-content: space-between;
                        span{
                            font-size: .13rem;
                        }
                        .num{
                            color:#7F7F8E ;
                            display: inline-block;
                            transform: scale(0.9);
                        }
                    }
                }
            }
        }
    }
        
`


export {
    ShowListWrapper

}


